<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>单据详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link href="../../dep/mui/css/mui.css" rel="stylesheet" />
		<link href="../../css/style.css" rel="stylesheet" />
		<link href="../../css/page/purchase/purchaseDetail.css" rel="stylesheet" />
		<link href="../../css/page/allocationStock/allocationStockDetail.css" rel="stylesheet" />
		<script type="text/html" id="allocateDetList">
			{{each list as items index}}
			<li class="mui-table-view-cell mui-collapse">
				<a class="mui-navigate-right" href="#">
					{{if index
					< 9 }} <div class="mui-col-xs-2 listitem">0{{index + 1}}</div>
						{{else}}
						<div class="mui-col-xs-2 listitem">{{index + 1}}</div>
						{{/if}}
						<!--<div class="mui-col-xs-5 listitem">{{items.goodsSerial}}</div>-->
						<div class="mui-col-xs-5 listitem" data-specValue="{{items.specValue}}">{{items.goodsName}}</div>
						<div class="mui-col-xs-5 listitem"></div>
				</a>
				<ul class="mui-table-view mui-table-view-chevron">
					<!--<li class="mui-table-view-cell">{{index + 1}}  {{items.goodsSerial}}
							</li>-->
					<li class="mui-table-view-cell">{{items.goodsName}}-{{items.specValue}}
					</li>
					<!--<li class="mui-table-view-cell">仓库：
							</li>-->
					<li class="mui-table-view-cell">{{items.unitCodeNumber}}{{items.unitCode}}
					</li>
					<li class="mui-table-view-cell">备注：{{items.notes}}
					</li>
				</ul>
			</li>
			{{/each}}
		</script>
		<script type="text/html" id="sHistoryList">
			{{each list as items index}}
			<li class="mui-table-view-cell mui-media mui-col-xs-12">
				<div class="laydiv1">{{items.auditUserName}}</div>
				<div class="laydiv2">
					<div class="laydiv2-con">
						{{if items.auditStatusId == 4 }}
						<span class="mui-badge mui-badge-color4 laydiv2-ico">{{items.auditResult}}</span> {{else if items.auditStatusId == 5}}
						<span class="mui-badge mui-badge-color1 laydiv2-ico">通过</span> {{/if}}
						<div class="laydiv2-tipcon">
							<div class="popup">
								<span><em></em></span>
								<p>{{items.auditDateTime}}</p>
								<p class="span-black">{{items.auditNote}}</p>
							</div>
						</div>
					</div>
				</div>
			</li>
			{{/each}}
		</script>
	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav header-lay">
			<h1 class="mui-title">单据详情</h1>
			<button class="mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
		    	<span class="mui-icon mui-icon-left-nav"></span>返回</button>
			<a href="#forMore" class="more"><button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right">更多</button></a>
		</header>

		<div class="tab-fixed">
			<div id="segmentedControl" class="mui-segmented-control">
				<a class="mui-control-item mui-active" href="#item1">
					单据详情
				</a>
				<a class="mui-control-item" href="#item2">
					货品明细
				</a>
				<a class="mui-control-item" href="#item3">
					审批历史
				</a>
			</div>
		</div>
		<div class="tab-fixed-layer"></div>
		<div class="mui-content">

			<div>
				<div id="item1" class="mui-control-content mui-active">
					<ul class="mui-table-view fixedul" style="margin-bottom: 10px;">
						<li id="statusName" class="mui-table-view-cell list-color1">

						</li>
						<li id="serialNo" class="mui-table-view-cell list-color1">

						</li>
						<li id="serialDate" class="mui-table-view-cell">

						</li>
						<li class="mui-table-view-cell">
							调入仓库：<span id="inWhName"></span>
						</li>
						<li class="mui-table-view-cell">
							调出仓库:<span id="outWhName"></span>
						</li>
						<li class="mui-table-view-cell">
							创建人：<span id="operatorName"></span>
						</li>
						<li class="mui-table-view-cell">
							创建时间：<span id="dataCreated"></span>
						</li>
						<li class="mui-table-view-cell">
							备注：<span id="remark"></span>
						</li>
					</ul>
				</div>
				<div id="item2" class="mui-control-content">

					<ul id="listAllocateDet" class="mui-table-view mui-table-view-chevron">

						<!--<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">
						<div class="mui-col-xs-2 listitem">01</div>
						<div class="mui-col-xs-2 listitem">00001</div>
						<div class="mui-col-xs-4 listitem">名称-规格</div>
						<div class="mui-col-xs-4 listitem">20件</div>
					</a>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">01  0001
							</li>
							<li class="mui-table-view-cell">名称-规格
							</li>
							<li class="mui-table-view-cell">仓库：
							</li>
							<li class="mui-table-view-cell">200件：
							</li>
							<li class="mui-table-view-cell">备注：
							</li>
						</ul>
					</li>-->
					</ul>

				</div>
				<div id="item3" class="mui-control-content">

					<ul id="historyList" class="mui-table-view mui-grid-view">
						<!--<li class="mui-table-view-cell mui-media mui-col-xs-12">
		                <div class="laydiv1">王大锤</div>
		                <div class="laydiv2">
		                	<div class="laydiv2-con">
		                	<span class="mui-badge mui-badge-color1 laydiv2-ico">通过</span>
		                	<div class="laydiv2-tipcon">
                                <div class="popup">
                                    <span><em></em></span>
                                    <p>2016-10-20</p>
                                    <p class="span-black">朕已阅！！！</p>
                                </div>
                               </div>
		                	</div>
		                </div>
		            </li> -->

					</ul>

				</div>
			</div>

		</div>

		<div id="resetDraftforMore" class="mui-popover mui-popover-action mui-popover-bottom">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#">重置草稿</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#forward"><b>取消</b></a>
				</li>
			</ul>
		</div>

		<div id="editForMore" class="mui-popover mui-popover-action mui-popover-bottom">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a id="mui-update" href="../newAllotStock/newAllotStockOrder.html">编辑</a>
					<!-- <a id="mui-update" href="../newSell/newSell.html">编辑</a>-->
				</li>
				<li class="mui-table-view-cell">
					<a href="#">删除</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#forward"><b>取消</b></a>
				</li>
			</ul>
		</div>

	</body>

</html>
<script src="../../dep/seajs/3.0.0/sea.js"></script>
<script src="../../js/seajs_config.js"></script>
<script>
	seajs.use("../../js/allocationStock/allocationStockDetail")
</script>